<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WPS4R - Image Rendering Demo</title>

<link href="http://52north.org/templates/52n/favicon.ico"
	rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />

<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript"
	src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

<script type="text/javascript" src="imageRendering.js"></script>
<script type="text/javascript" src="wps-client-common.js"></script>

<link rel="stylesheet" href="styles.css" type="text/css" />

</head>
<body>
	<div data-role="page" id="home" data-add-back-btn="true">

		<div data-role="header">
			<h1>Live Time Series Plots</h1>
		</div>

		<div data-role="content">
			<!-- http://www.w3.org/wiki/HTML/Elements/input/range -->
			<p>
				<label for="slider-days">Select the number of hours to view:</label>
				<input type="range" name="slider_hrs" id="slider-hours" value="12"
					min="1" max="72" />
			</p>
			<p>
				<label for="slider-days">Set the <a
					href="http://www.inside-r.org/r-doc/stats/loess">LOESS span</a>
					parameter:
				</label> <input type="range" name="slider_span" id="slider-loess-span"
					value="0.75" min="0" max="3" step="0.05" />
			</p>

			<button name="submit" id="executeRequest" value="execute-request">Create
				time series plot</button>

			<div id="plot"></div>
			<div id="resultLog"></div>

			<p class="footer">
				These plots are powered by the 52&deg;North using the WPS4R
				processing backend at <span id="serviceUrl"></span>.
			</p>
		</div>

		<div data-role="footer" data-position="fixed">
			<a href="#about" data-role="button" data-icon="info">About</a>
		</div>
	</div>
	<!-- /start page -->

	<div data-role="page" id="about" data-add-back-btn="true">
		<div data-role="header">
			<h1>52&deg;North WPS4R</h1>
		</div>

		<div data-role="content">
			<h2>Documentation</h2>
			<p>The 52&deg;North Web Processing Service enables the deployment
				of geo-processes on the web in a standardized way. It features a
				pluggable architecture for processes and data encodings. The
				implementation is based on the current OpenGIS specification:
				05-007r7 .</p>
			<p>
				<em>WPS4R</em> extends the 52&deg;North WPS with a processing
				backend for the <a href="http://www.r-project.org/">R</a>
				environment for statistical computing and graphics. This allows to
				expose any R script via a standardised service interface.
			</p>
			<ul>
				<li>WPS Specification: <a
					href="http://opengeospatial.org/standards/wps">OGC website</a>.
				</li>
				<li>52°North WPS Implementation: <a
					href="http://www.52north.org/wps">52N Geoprocessing Community
						website</a>.
				<li>WPS4R: See <a
					href="http://52north.org/communities/geoprocessing/wps/backends/52n-wps-r.html">Processing
						Backend</a> and <a
					href="https://wiki.52north.org/bin/view/Geostatistics/WPS4R">Wiki
						Page</a>.
				</li>
			</ul>

			<p>
				Go to the <a href="../../index.html">WPS server welcome page</a> to
				find out more.
			</p>

			<h2>Test Requests</h2>
			<ul>
				<li><a id="link_processdescription" href="http://localhost"
					title="Open process description" target="_blank">Process
						Description Request</a></li>
				<li><a
					href="../../WebProcessingService?Request=GetCapabilities&amp;Service=WPS"
					title="Open capabilities document" target="_blank">GetCapabilities
						Request</a></li>
			</ul>
		</div>

		<div data-role="footer" data-position="fixed">
			<a href="#home" data-role="button" data-icon="home">Home</a>
		</div>
	</div>
	<!-- /about page -->

</body>
</html>